<!DOCTYPE html>
<html lang="en">

<head>
    <title>waitPay</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />

    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <link href="../static/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="../static/css/menu.css" rel="stylesheet" type="text/css" media="all" /> <!-- 导航栏样式 -->
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css"><!-- 图标样式 -->
    <link rel="stylesheet" type="text/css" href="../static/css/home.css">
    <link href="../static/css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
    <link rel="stylesheet" type="text/css" href="../static/css/car.css">

    <script src="../static/js/jquery-2.2.3.min.js"></script>
    <script src="../static/js/jquery-scrolltofixed-min.js" type="text/javascript"></script><!-- 导航栏 -->
    <script src="../static/js/bootstrap.js"></script>
    <script type="text/javascript" src="../static/js/move-top.js"></script>
    <script type="text/javascript" src="../static/js/easing.js"></script>
    <script src="../static/js/jquery.menu-aim.js"></script>
    <script src="../static/js/custom.js"></script>
    <script src="../static/js/main.js"></script><!-- 导航栏 -->
    <script src="../static/js/del.js"></script>
</head>
<body>
<div id="waitPayInfo">
    <div class="header">
        <div class="w3ls-header">
            <div class="w3ls-header-left">
                <p>
                    <a href="#"><img style="position: relative;left: -10px; top: -1px" src="../static/images/shopping.png">
                        XB全新高端购物平台
                    </a>
                </p>
            </div>
            <div class="w3ls-header-right">
                <ul>
                    <li class="dropdown head-dpdn">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"
                                aria-hidden="true"></i>{{name}}<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="/view/profile">个人中心</a></li>
                          <li><a   @click="logout()">注销</a></li>
                        </ul>
                    </li>
                    <li class="dropdown head-dpdn">
                        <a href="/view/car" class="dropdown-toggle"><i class="fa fa-gift" aria-hidden="true"></i>购物车</a>
                    </li>
                    <li class="dropdown head-dpdn">
                         <a href="/view/waitPay" class="dropdown-toggle"><i class="fa fa-credit-card-alt"
                                                                          aria-hidden="true"></i>待支付</a>
                    </li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="header-two">
            <div class="container">
                <div class="header-logo">
                    <h1><a href="home.html"><span>X</span>Biao </a></h1>
                    <h6>Your stores. Your place.</h6>
                </div>
                <div class="header-search">
                    <form action="#" method="post">
                        <input type="search" name="Search" placeholder="Search for a Product..." required="">
                        <button type="submit" class="btn btn-default" aria-label="Left Align">
                            <i class="fa fa-search" aria-hidden="true"> </i>
                        </button>
                    </form>
                </div>
                <div class="header-cart">
                    <div class="my-account">
                        <a href="javascript:;"></a>
                    </div>
                    <div class="cart">
                       <a href="/view/car">
                            <button class="w3view-cart" type="submit" name="submit" value=""><i
                                    class="fa fa-cart-arrow-down" aria-hidden="true"></i></button>
                        </a>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!--目录-->
        <div class="header-three">
            <div class="container">
                <ul class="nav nav-pills nav-justified" >
                    <li v-for="catList in catalogue">
                        <a href="/view/productList" @click="findByCategory(catList.category)">{{catList.category | judge}}</a>
                        <!--                            -->
                    </li>  <!--1-->
                </ul>
            </div>
        </div>
    </div>


    <!-- products -->
    <div class="products">
        <div class="container">
            <div class="col-md-12 product-w3ls-right">
                <!-- breadcrumbs -->
                <ol class="breadcrumb breadcrumb1">
                    <li><a href="home.html">Home</a></li>
                    <li class="active">待支付</li>
                </ol>
                <div class="clearfix"> </div>
                <!-- //breadcrumbs -->

                <div class="shopping-car-container">
                    <div class="car-headers-menu">
                        <div class="row">
                            <div class="col-md-3 col-sm-2 col-xs-2 car-menu">商品信息</div>
                            <div class="col-md-3 col-sm-2 col-xs-2 car-menu">商品类型</div>
                            <div class="col-md-1 col-sm-2 col-xs-2 car-menu">单价</div>
                            <div class="col-md-2 col-sm-2 col-xs-2 car-menu">数量</div>
                            <div class="col-md-1 col-sm-2 col-xs-2 car-menu">金额</div>
                            <div class="col-md-2 col-sm-2 col-xs-2 car-menu">操作</div>
                        </div>
                    </div>
                    <div class="goods-content">
                        <div class="goods-item" v-for="(waitPayOrder,index) in WaitPayOrders" :key="index">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="col-md-3 col-sm-2 col-xs-2 car-goods-info goods-image-column">
                                        <a @click="goodsdetail(waitPayOrder.goodsid)">
                                            <img class="goods-image" :src="waitPayOrder.mainimage" />
                                        </a>
                                    </div>
                                    <div class="col-md-3 col-sm-2 col-xs-2 car-goods-info goods-params">
                                        <p class="goods-info">
                                            {{waitPayOrder.title}}
                                        </p>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-2 car-goods-info goods-price">
                                        <span class="goods-price single-price">￥{{waitPayOrder.price}}</span></div>
                                    <div class="col-md-2 col-sm-2 col-xs-2 car-goods-info goods-counts">
                                        <div class="input-group">
                                            <input type="text" disabled class="btn num form-control goods-count"
                                                value="1" v-model="waitPayOrder.goodstotal">
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-2 car-goods-info goods-money-count">
                                        <span class="goods-totalMoney single-total">￥{{waitPayOrder.price*waitPayOrder.goodstotal}}</span></div>
                                    <div class="col-md-2 col-sm-2 col-xs-2 car-goods-info goods-operate">
                                        <a  class="btn btn-primary item-delete" @click="pay(waitPayOrder.price*waitPayOrder.goodstotal,waitPayOrder.title,waitPayOrder.id)">结算</a>
                                        <a  data-target=".bs-example-modal-sm"
                                            class="btn btn-danger item-delete" @click="deleteCar(waitPayOrder.id)">删除</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="goods-btns text-right">
                            <input disabled class="btn btn-default goodsList-totalMoney" value="$111" :value=`$${CaltotalPrice}`>
                            <a class="btn btn-primary" href="waitPay.html">全部结算</a>
                        </div>
                    </div>
                    <!--删除确认弹框-->
                    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" id="deleteItemTip"
                        aria-labelledby="gridSystemModalLabel">
                        <div class="modal-dialog modal-sm" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                            aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                                </div>
                                <div class="modal-body">
                                    确认删除此商品？
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary deleteSure">确定</button>
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- //add-products -->
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
    <!--//products-->

    <!--最热商品-->
    <div class="add-products">
        <h3 class="w3ls-title">热卖商品</h3>
        <div class="container">
            <div class="add-products-row">
                <div class=" w3ls-add-grids" v-for="hotlist in hotListImg.data" @click="goodsdetail(hotlist.id)">
                    <a href="/view/goodsDetail">
                        <img :src="hotlist.mainimage">
                        <p>{{hotlist.title}}<span>&nbsp&nbsp&nbsp${{hotlist.price}}</span>&nbsp&nbsp&nbsp库存:{{hotlist.repertory}} </p>
                        <span>Shop now <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></span>
                    </a>
                </div>

            </div>
        </div>
    </div>

    <div class="copy-right">
        <div class="container">
            <p>Copyright &copy; 2020.XB All rights reserved.<a target="_blank" href="#"></a></p>
        </div>
    </div>
</div>
</body>
<script src="/static/js/custom.js"></script>
<script src="/static/js/jquery-2.2.3.min.js"></script>
<script  src="/static/js/layer.js"></script>
<script src="/static/js/vue.js"></script>
<script src="/static/js/axios.js"></script>
<script src="/static/js/shop/waiPay.js"></script>

</html>